<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<style type="text/css">
        #footer-span a{
            color: black;
        }
    </style>
<footer id="footer-span">
    <p style="text-align: center"><br>
        <a href="login.jsp"><fmt:message key="footer.login" /></a>&nbsp;&bull;&nbsp;
        <a href="index.jsp"><fmt:message key="footer.home" /></a>&nbsp;&bull;&nbsp;
        <a href="search.jsp"><fmt:message key="footer.pesquisar" /></a>&nbsp;&bull;&nbsp;
        <a href="signin.jsp"><fmt:message key="footer.cadastrar" /></a>&nbsp;&bull;&nbsp;
        <a href="recover.jsp"><fmt:message key="footer.recuperar" /></a>&nbsp;&bull;&nbsp;
        <a href="help.jsp"><fmt:message key="footer.ajuda" /></a>&nbsp;&bull;&nbsp;
        <a href="about.jsp"><fmt:message key="footer.sobre" /></a>&nbsp;&bull;&nbsp;
        <a href="developers.jsp"><fmt:message key="footer.programadores" /></a>&nbsp;&bull;&nbsp;
        <a href="terms.jsp"><fmt:message key="footer.termos" /></a>&nbsp;&bull;&nbsp;
        <a href="privacy.jsp"><fmt:message key="footer.privacidade" /></a>&nbsp;&nbsp;
        <span style="color: dimgrey">© BabelChat 2012</span>
        <br>
        <br>
    </p>
</footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./resources/javascript/jquery.js"></script>
<script src="./resources/javascript/bootstrap-transition.js"></script>
<script src="./resources/javascript/bootstrap-alert.js"></script>
<script src="./resources/javascript/bootstrap-modal.js"></script>
<script src="./resources/javascript/bootstrap-dropdown.js"></script>
<script src="./resources/javascript/bootstrap-scrollspy.js"></script>
<script src="./resources/javascript/bootstrap-tab.js"></script>
<script src="./resources/javascript/bootstrap-tooltip.js"></script>
<script src="./resources/javascript/bootstrap-popover.js"></script>
<script src="./resources/javascript/bootstrap-button.js"></script>
<script src="./resources/javascript/bootstrap-collapse.js"></script>
<script src="./resources/javascript/bootstrap-carousel.js"></script>
<script src="./resources/javascript/bootstrap-typeahead.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        function closeDialog () {
            $('#windowLoginDialog').modal('hide');
        };
        function okClicked () {
            alert("Em Construção");
            //$('#windowLoginDialog').modal('hide');
        };
</script>
<!--        fim                -->
<script type="text/javascript">
        document.title = "(3) "+document.title;
</script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=247146371975479";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

<div id="windowLoginDialog" data-backdrop="static" class="modal hide fade" style="width: auto">
    <div class="modal-header">
        <a href="http://bootstrapmodaldemo.scripting.com/#" class="close">×</a>
        <h2><fmt:message key="index.login"/></h2>
        <p>Digite seu e-mail e sua senha para efetuar seu Login.</p>
    </div>
    <div class="modal-body">
        <!-- TODO -->
        <fieldset style="padding-left: 40px;padding-right: 100px">
            <label>Nome ou Email</label>
            <input type="text" class="span3" placeholder="Seu Nome de Usuário ou Email…">
            <label>Senha</label>
            <input type="password" class="span3" placeholder="Sua senha…">
            <label class="checkbox">
                <input type="checkbox"><strong style="color: #000"><span rel="tooltip" data-original-title="Não recomendado para computadores públicos">Salvar</span> &bull; <a style="color: olivedrab" href="recover.jsp">Esqueci minha Senha</a></strong>
            </label>

        </fieldset>
    </div>
    <div class="modal-footer">
        <input type="button" class="btn btn-success btn-large" value="Inscrever-se"/>
        <input type="button" class="btn btn-danger btn-large" onclick="closeDialog ();" value="<fmt:message key="btn.cancel"/>"/>
    </div>
</div>

<!-- Instancia as Tooltips -->
<script type="text/javascript">
        !function($){
        $(function (){
            $('span[rel=tooltip]').tooltip();
        });
    }( window.jQuery )
</script>